import React, { Component } from 'react';
import { Card, WhiteSpace, List, Badge, Flex, Icon } from 'antd-mobile';
import Avatar from '../avatar/index'
import { HomeOutlined, HomeFilled, CommentOutlined, UserOutlined, DiffOutlined } from '@ant-design/icons';

export default class MsgCard extends Component {
    render() {
        return (
            <div >
                <Card full>
                    <Card.Header
                        title='鸡你太美'
                        thumb={<Avatar />}
                        extra='2020-10-02'
                    />
                    <Card.Body>
                    <div>
                        <p>谁他们买小米</p>
                    <div style={{ backgroundColor:"#F5F5F9",borderRadius:'10px',height:'50px',display:'flex',alignItems:'center'}}>
                    <p style={{marginLeft:'12px'}}>
                               <span>我：</span>Lorem ipsum dolor sit amet consec...
                    </p>    
                    </div>
                    <WhiteSpace></WhiteSpace>
                    </div>
                    </Card.Body>
                    <Card.Footer content="高中/数学" extra={<div><CommentOutlined style={{fontSize:'18px'}} /><span style={{marginLeft:'3px',fontSize:'15px'}}>回复</span></div>} />
                </Card>
                <WhiteSpace size="lg" />
            </div>
        )
    }
}
